<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
     xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <ui:composition template="/header.xhtml">
            <ui:define name="menu">
                  <h:commandLink value="Inicio" action="/header.xhtml"/>
        </ui:define>
        <ui:define name="conteudo">
            <legend><i class="icon-search"></i>Pesquisar</legend>
            <!--            <h:panelGrid columns="6">-->
            <div style="margin-left: 45px;">
                <label>Pesquisar por ID</label>
                <div class="input-append">
                    <h:inputText value="#{produtoMB.idInicial}" class="span2" />
                    <h:inputText value="#{produtoMB.idFinal}" class="span2"/>
                    <h:commandButton value="Filtrar" action="#{produtoMB.filtraID()}" class="btn"/>
                    <h:commandButton value="Todos" action="#{produtoMB.listar()}" class="btn"/></div>

                <label>Pesquisar por Nome</label>
                <div class="input-append">
                    <h:inputText value="#{produtoMB.nome}" class="span2"/>

                    <h:commandButton value="Filtrar" action="#{produtoMB.filtraNome()}" class="btn"/>
                    <h:commandButton value="Todos" action="#{produtoMB.listar()}" class="btn"/> </div>
                <label>Pesquisar por Código Interno</label>
                <div class="input-append">
                    <h:inputText value="#{produtoMB.codigoInterno}" class="span2"/>

                    <h:commandButton value="Filtrar" action="#{produtoMB.filtraCodigoInterno()}" class="btn"/>
                    <h:commandButton value="Todos" action="#{produtoMB.listar()}" class="btn"/> </div>
            </div>
            <!--</h:panelGrid>-->
            <legend><i class="icon-list"></i>Listagem</legend>
            <h:dataTable var="produtos" value="#{produtoMB.produtos}" class="table table-bordered">
                <h:column  class="info">
                    <f:facet name="header">
                        <h:commandLink value="ID" action="#{produtoMB.ordenaId()}" />
                    </f:facet>
                    #{produtos.id}                    
                </h:column>
                <h:column>
                    <f:facet name="header">
                        <h:commandLink value="Código interno" action="#{produtoMB.ordenaCodigoInterno()}" />
                    </f:facet>
                    #{produtos.codigoInterno}                    
                </h:column>                
                <h:column>
                    <f:facet name="header">

                        <h:commandLink value="Nome" action="#{produtoMB.ordenaNome()}" />
                    </f:facet>
                    #{produtos.nome}          
                </h:column>
                <h:column>
                    <f:facet name="header">
                        <h:commandLink value="Valor" action="#{produtoMB.ordenaValor()}" />
                    </f:facet>
                    #{produtos.valor}                    
                </h:column> 
                 <h:column>
                    <f:facet name="header">
                        <h:commandLink value="Categoria" action="#{produtoMB.ordenaCategoria()}" />
                    </f:facet>
                    #{produtos.categoria}                    
                </h:column> 
                <h:column>
                    <f:facet name="header">                        
                    </f:facet>
                    <h:commandLink action="#{produtoMB.excluir(produtos)}" onclick="return confirm('Deseja realmente excluir?')">
                        <i class="icon-trash"></i>
                    </h:commandLink>                                          
                </h:column>
                <h:column>
                    <f:facet name="header">                        
                    </f:facet>
                    <h:commandLink action="#{produtoMB.editarProduto(produtos)}">
                        <i class="icon-edit"></i>
                    </h:commandLink>                                          
                </h:column>            
            </h:dataTable>
        </ui:define>
    </ui:composition>
</html>

